<template>
  <page-container>
      <div>

          <j-row :gutter="[24, 24]">
    <headBar></headBar>

            gjhgj
              <!-- <j-col :span="24"><TopCard @serviceChange='serviceChange' /> </j-col>
              <j-col :span="24" v-if="isNoCommunity"><Network :serviceId='serviceId' /></j-col>
              <j-col :span="12"><Cpu :isNoCommunity="isNoCommunity" :serviceId='serviceId'/></j-col>
              <j-col :span="12"><Jvm :isNoCommunity="isNoCommunity" :serviceId='serviceId'/></j-col> -->
          </j-row>
      </div>
  </page-container>
</template>

<script lang="ts" setup name="HomePage">
import headBar from '../headComponents/headBar.vue';
// import Network from './components/Network.vue';
// import Cpu from './components/Cpu.vue';
// import Jvm from './components/Jvm.vue';
// import { isNoCommunity } from '@/utils/utils'

const serviceId = ref<string | undefined>()

const serviceChange = (id: string) => {
serviceId.value = id
}

</script>

<style lang="less" scoped></style>
